<template>
	<view class="videos">
		<uni-grid :column="2" @change="change">
			<uni-grid-item v-for="(item, index) in 4" :index="index" :key="index">
				<view class="grid-item-box" style="background-color: #fff;">
					<image src="../../static/pics/sweetone.jpeg" mode=""></image>
					<text class="text">视频{{item}}</text>
				</view>
			</uni-grid-item>
		</uni-grid>
	</view>
</template>

<script>
	export default {
		methods: {
			change(val) {
				console.log(val)
			}
		}
	}
</script>

<style scoped>
	.grid-item-box {
		flex: 1;
		// position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}

	.grid-item-box-row {
		flex: 1;
		// position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}
</style>